<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="./main-template.xhtml">
            <ui:param name="titulo" value="Registro" />
            <ui:param name="identificacion" value="#{registroBean.cedulaUsuario}"/>
            <ui:define name="menu">
               <h:panelGrid columns="1" columnClasses="cols" width="120px">
                    <rich:panelMenu mode="ajax" iconExpandedGroup="disc" iconCollapsedGroup="disc" iconExpandedTopGroup="chevronUp" iconGroupTopPosition="right" iconCollapsedTopGroup="chevronDown">
                        <rich:panelMenuGroup label="Clientes">
                            <rich:panelMenuItem label="Salir" value="Salir" action="#{registroBean.terminarSesion}"/>
                        </rich:panelMenuGroup>
                    </rich:panelMenu>
               </h:panelGrid>
            </ui:define>

            <ui:define name="body">
                 <a4j:form id="FormaRegistrar">
                 <rich:panel id="panelRegistrar" >
                    <f:facet name="header">
                                <h:outputText value="Registro de clientes" />
                     </f:facet>
                     <h:panelGrid  columns="2" columnClasses="cols" width="100%" >
                         <h:outputText value="Placa Vehiculo:" />
                         <rich:comboBox id="cbplacas" directInputSuggestions="false"  defaultLabel="Seleccione placa de documento" suggestionValues="#{registroBean.placas}" value="#{registroBean.placa}"/>
                         <h:inputHidden/>
                         <a4j:commandButton value="Consultar"  id="verInfoCliente"  />
                         <h:outputText value="Nombre:" />
                         <h:inputText id="nombreCliente" value="#{registroBean.nombre}"/>
                         <h:outputText value="Apellido:" />
                         <h:inputText id="apellidoCliente" value="#{registroBean.apeliido}"/>
                         <h:outputText value="Celular:" />
                         <h:inputText id="celularCliente" value="#{registroBean.celular}"/>
                         <h:outputText value="Teléfono:" />
                         <h:inputText id="telefonoCliente" value="#{registroBean.telefono}"/>
                         <h:outputText value="Dirección" />
                         <h:inputText id="direccionCliente" value="#{registroBean.direccion}"/>
                         <h:outputText value="Fecha nacimiento:" />
                         <rich:calendar id="nacimientoCliente" value="#{registroBean.fechaNacimiento}"/>
                         <h:outputText value="Email:" />
                         <h:inputText id="emailCliente" value="#{registroBean.email}"/>
                         <h:outputText value="Clave:" />
                         <h:inputSecret id="claveCliente" value="#{registroBean.clave}"/>
                         <h:outputText value="Vehiculos:" />
                         <rich:separator lineType="solid"/>
                         <h:inputHidden/>
                         <rich:extendedDataTable id="tablaAutos" height="150px" value="#{registroBean.vehiculos}" var="car">
                             <rich:column id="col1">
                                 <f:facet name="header">
                                    <h:outputText value="Placa" id="tbPlaca"/>
                                </f:facet>
                                 #{car.placa}
                             </rich:column>
                             <rich:column id="col2">
                                 <f:facet name="header">
                                    <h:outputText value="Modelo" id="tbModelo"/>
                                </f:facet>
                                 #{car.modelo}
                             </rich:column>
                             <rich:column id="col3">
                                 <f:facet name="header">
                                    <h:outputText value="Color" id="tbColor"/>
                                </f:facet>
                                 #{car.color}
                             </rich:column>
                             <rich:column id="col4">
                                 <f:facet name="header">
                                    <h:outputText value="Fecha compra" id="tbCompra"/>
                                </f:facet>
                                 #{car.fechaCompra.toString}
                             </rich:column>
                         </rich:extendedDataTable>
                         <rich:separator lineType="none"/>
                         <h:inputHidden/>
                         <h:inputHidden/>
                         <a4j:commandButton value="Registrar"  id="btregistrar" action="#{registroBean.registrar}" reRender="panelRegistrar" />
                     </h:panelGrid>
                </rich:panel>
                </a4j:form>
            </ui:define>
        </ui:composition>
    </body>
</html>